/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/***  YUI container ***/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

.hide-scrollbars,
.hide-scrollbars * {
    overflow: hidden;
}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay {
    overflow: auto;
}

.yui-panel-container.focused {
}

.yui-panel-container .underlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.yui-panel-container.matte {
    padding: 3px;
}

.yui-panel-container.shadow .underlay {
    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */
}

.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(yui/container/assets/close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("yui/container/assets/blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("yui/container/assets/alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("yui/container/assets/hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("yui/container/assets/info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("yui/container/assets/warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("yui/container/assets/tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}
/*** end YUI container ***/

body {
	background-color: #CCAC5E;
	background-image: url( '../resources/aos_background.png' );
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center center;
	text-align: center;
	color: #000000;
}

table {
	width: 780px;
	border-collapse: collapse;
	padding: 2px 5px;
   border: 1px solid #CCAC5E;
}

.premium-box {
	width: 176px;
	*width: 166px;
	padding: 0px;
	margin: 0px;
   margin-top: 3px;
}

.premium-box table, .premium-box td {
	width: 176px;
	*width: 162px;
	padding: 0px;
	overflow: hidden;
}

#right-info {
	width: 176px;
	*width: 164px;
	background-color: #DCBC6E;
	height: auto;
	padding: 1px;
	overflow-x: auto;
	overflow-y: hidden;
}

#premium-info-table {
	border: 0px;
	overflow: hidden;
}

.skyscraper-ad table, .skyscraper-ad td {
	width: 173px;
	*width: 168px;
	padding: 1px;
	overflow: hidden;
}

.skyscraper-ad {
   margin-top: 1px;
}

small {
	font-size: 85%;
}

.clear {
	clear: both;
}

strong#food, .food {
	color: #0F780F;
	padding-left: 20px;
	background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -28px;
}

strong#coal, .coal {
	color: #2D2D2D;
	padding-left: 20px;
	background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -5px;
}

strong#iron, .iron {
   color: #C83C28;
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -79px;
}

strong#gold, .gold {
   color: #96500A;
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -54px;
}

.recruits {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -104px;
}

.scouts {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -129px;
}

.infantry {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -154px;
}

.cavalry {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -179px;
}

.artillery {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -204px;
}

.population {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -305px;
}

.houses {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -380px;
}

.space-available {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -332px;
}

.space-used {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -357px;
}

.jobs {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -280px;
}

.defense-bonus {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -255px;
}

.offense-bonus {
   padding-left: 20px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -230px;
}

.point-up {
   padding-left: 15px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -405px;
}

.point-down {
   padding-left: 15px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -430px;
}

.equal {
   padding-left: 15px;
   background: url( ../resources/icons.png ) no-repeat;
   _background: url( ../resources/icons.gif ) no-repeat;
   background-position: 0px -455px;
}

strong#green, .green {
	color: #007700;
}

strong#red, .red {
	color: #770000;
}

strong#blue, .blue {
	color: #000077;
}

strong#brown, .brown {
	color: #773805;
}

#main-content .under-attack {
	/*
	background-color: #DCBC6E;
	This doesn't work in IE... but with the td it works... so what you gonna do
	border: 1px solid #770000;
	*/
}
	
	#main-content .under-attack td {
		border-top: 1px solid #770000;
		border-bottom: 1px solid #770000;
	}

a {
	color: #3f2b06;
	text-decoration: none;
}

a:hover {
	color: #3f2b06;
	text-decoration: underline overline;
}

a:visited {
	color: #3f2b06;
}

div#root_container {
	width: 980px;
	text-align: left;
	position: relative;	
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
   _font-size: 11px;
}

div#container {
	width: 800px;
	max-width: 800px;
   _width: 790px;
   float: left;
   _margin-top: 1px;
}

#main-content {
   background-color: #DCBC6E;
   margin-bottom: 2px;
}

/*
	History styling
*/

.search-result {
	border: 0px solid black;
	padding: 3px;
}

.even, .yui-panel-container .yui-panel .even, .news-table .even {
	background-color: #DCBC6E;
}

#navigation .odd {
	background-color: #DCBC6E;
}

#navigation .even {
	background-color: #CCAC5E;
}

.contains-calendar {
	height: 280px;
}

.calweekdayrow th {
	background-color: inherit;
}

.yui-calcontainer a:hover {
	text-decoration: none;
}

.yui-calcontainer table {
	width: auto;
}
	
#header {
	font-weight: bold;
	/*background-color: #AC8C3E;*/
	color: #000000;
	padding-top: 3px;
	padding-right: 4px;
	padding-left: 4px;
	padding: bottom: 0px;
	margin: 0px;
	
	/* Dirty fix to get width in IE and FF right */
	*width: 101%;
}

	#header .tab-menu {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		height: 18px;
      *line-height: 15px;
		_line-height: 18px;
	}
	
		#header .tab-menu br {
			display: none;
		}

	#header .tab-item {
		list-style-type: none;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	#header .date {
		float: right;
		width: auto;
		*width: 85px;
		*margin-right: 0px;
	}
	
	#header .tab-link {
      background-color: #AC8C3E;
		font-weight: bold;
		text-decoration: none;
		color: #3f2b06;
		border: solid 1px #AC8C3E;
		border-bottom: 0px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		font-size: 95%;
      *font-size: 88%;
		padding-top: 0px;
		margin-right: 1px;
		margin-left: 1px;
		float: left;
	}

   #header .tab-item .highlight {
      border-bottom: 2px solid #AC8C3E;
      padding-bottom: 0px;
      _padding-bottom: 0px;
   }
	
	div#header .tab-link:hover {
		color: #3f2b06;
		background-color: #BF9F54;
		text-decoration: none;
	}

   #container #header .tab-item .selected {
      background-color: #DCBC6E;
      border-bottom-width: 0px;
      padding-bottom: 2px;
   }
	
	#header .simple-tab-link {
		font-weight: bold;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 3px;
		*padding-bottom: 1px;
		padding-top: 2px;
		margin-right: 1px;
		margin-left: 1px;
		font-size: 85%;
		float: left;
      background-color: #AC8C3E;
	}

	div#header .simple-tab-link:hover {
		color: #3f2b06;
		background-color: #BF9F54;
	}

#header div {
	float: right;
	position: relative;
}

div#main-content {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#floatright, .floatright {
	width: 255px;
	float: right;
}

div#right, .right {
	float: right;
}

div#blok, .blok {
	width: 768px;
	*width: 780px;
	padding: 2px 5px;
	background-color: #CCAC5E;
}

#premium-advantage-box {
   width: 780px;
   *width: 792px;
   padding: 2px 5px;
   background-color: #CCAC5E;
   text-align: center;
}

#start-time-box {
   width: 780px;
   *width: 792px;
   padding: 2px 5px;
   background-color: #CCAC5E;
   text-align: center;
}

.history-item-container {
	padding: 2px 5px;
	height: 220px;
	overflow: auto;
	width: 455px;
}

#history-item-list-title, #history-item-list {
	padding: 2px;
}

.army_block {
	width: 300px;
	height: 430px;
	padding: 4px 4px;
}

div#blok_half {
	width: 349px;
	padding: 2px 5px;
	background-color: #CCAC5E;
}

div#mapinfo {
	width: 280px;
	_width: 277px;
	height: 150px;
	overflow: auto;
	padding: 2px 5px;
	background-color: #CCAC5E;
}

div#innerblok {
	width: 738px;
	padding: 2px 5px;
	background-color: #CCAC5E;
}

div.sub_block {
	border: 1px solid #656565;	
	padding: 3px;
	width: auto;
}

div#rightblok {
	width: 450px;
	padding: 2px 5px;
	background-color: #CCAC5E;
	float: right;
   margin-right: 2px;
}

table#half, .half {
	width: 270px;
	border-collapse: collapse;
	padding: 2px 5px;
}

	#login-table {
		height: 101px;
      margin-bottom: 15px;
	}

.unit-image {
	width: 120px;
	height: 120px;
}

h1 {
	display:inline;
	font-weight: bold;
	font-size: 153.9%;
	color: #000000;
}

h2 {
	display: inline;
	font-size: 131%;
	color: #000000;
}

form {
	display: inline;
}

input, textarea {
	background-color: #DEDEDE;
	border: solid 1px #AC8C3E;
	font-size: 12px;
	color: #000000;
}

select {
	font-size: 12px;
	color: #000000;
}

input:focus, textarea:focus {
	background-color: #F0F0F0;
	border: solid 1px #000000;
	color: #000000;
}

input:hover, textarea:hover {
	background-color: #F0F0F0;
	color: #000000;
}

input[type=submit], input[type=submit]:hover, input[type=submit]:focus {
	border-style: outset;
	border-width: 1px;
	border-color: #AC8C3E;
	color: #000000;
}

select {
	background-color: #DEDEDE;
	border: solid 1px #AC8C3E;
	color: #000000;
}

td {
	padding: 2px;
   vertical-align: middle;
}

th {
	font-weight: bold;
	background-color: #AC8C3E;
	padding: 2px 5px;
}

tr#even, tr.even {
	background-color: #CCAC5E;
}

#main-content a.highlight {
	background-color: #DCBC6E;
}

tr#even_green {
	background-color: #CCAC5E;
	color: #009900;
	font-weight: bold;
}

tr#even_red {
	background-color: #CCAC5E;
	color: #990000;
	font-weight: bold;
}

tr#even_blue {
	background-color: #CCAC5E;
	color: #000099;
	font-weight: bold;
}

tr#green {
	background-color: #AC8C3E;
	color: #007700;
	font-weight: bold;
}

tr#red {
	background-color: #AC8C3E;
	color: #770000;
	font-weight: bold;
}

tr#blue {
	background-color: #AC8C3E;
	color: #000077;
	font-weight: bold;
}

tr#map {
	padding: 0px;
	margin: 0px;
}

#maptable {
	border: solid 0px black;
	padding: 1px 1px;
	font-weight: bold;
	position: relative;
	top: 0px;
	left: 0px;
	cursor: pointer;
   z-index: 0;
   height: 570px;
   width: 560px;
}

	#maptable .square-selector {
		border: 2px inset #AAAAAA;
		position: relative;
		width: 12px;
		height: 12px;
		_width: 16px;
		_height: 16px;
		z-index: 4;
	}

	#maptable div, .map-legend div {
		background-repeat: no-repeat;
		background-position: center;
		text-align: center;
		padding: 0px;
		margin: 0px;
		width: 10px;
		height: 10px;
		font-size: 6px;
		border: 0px solid #DCBC6E;
		position: absolute;
		z-index: 2;
	}
	
	.map-legend div {
		position: relative;
	}
	
	#maptable .raster {
		padding: 0px;
		margin: 0px;
		position: absolute;
		/*background-color: #BF9F54;*/
		z-index: 1;
		border: 1px solid #AAAAAA;
	}
	
	#maptable .evenRaster {
		padding: 0px;
		margin: 0px;
		position: absolute;
		/*background-color: #DCBC6E;*/
		z-index: 1;
		border: 1px solid #AAAAAA;
	}
	
	#maptable .sectorBorder {
		border: 2px solid #AAAAAA;
		padding: 0px;
		margin: 0px;
		position: absolute;
		z-index: 2;
	}
	
	#maptable .empty-sector-1 {
		background: url( '../resources/sector-brown.jpg' ) 0px 0px no-repeat;
	}

	#maptable .empty-sector-2 {
		background: url( '../resources/sector-brown.jpg' ) -560px 0px no-repeat;
	}

	#maptable .empty-sector-3 {
		background: url( '../resources/sector-brown.jpg' ) -1120px 0px no-repeat;
	}

	#maptable .full-sector-1 {
		background: url( '../resources/sector-brown.jpg' ) 0px -560px no-repeat;
	}

	#maptable .full-sector-2 {
		background: url( '../resources/sector-brown.jpg' ) -560px -560px no-repeat;
	}

	#maptable .full-sector-3 {
		background: url( '../resources/sector-brown.jpg' ) -1120px -560px no-repeat;
	}

	#maptable .endline {
		clear: both;
		background-image: none;
		width: 0px;
		height: 0px;
		float: right;
		z-index: -1;
	}

	#maptable .b {
		background-image: url(../resources/blank.JPG);
	}
	
	#maptable .a, .map-legend .a {
		/*background-image: url(../resources/allied.JPG);*/
		background-color: #0000AA;
	}
	
	#maptable .ac, .map-legend .ac {
		/*background-image: url(../resources/allied.JPG);*/
		background-color: #0000AA;
		border: 2px solid #666666;
		_width: 14px;
		_height: 14px;
	}
		
	#maptable .i, .map-legend .i {
		/*background-image: url(../resources/unallied.JPG);*/
		background-color: #773805;
	}
	
	#maptable .ic, .map-legend .ic {
		/*background-image: url(../resources/unallied.JPG);*/
		background-color: #773805;
		border: 2px solid #666666;
		_width: 14px;
		_height: 14px;
	}
	
	#maptable .h, .map-legend .h {
		/*background-image: url(../resources/hostile.JPG);*/
		background-color: #AA0000;
	}
	
	#maptable .hc, .map-legend .hc {
		/*background-image: url(../resources/hostile.JPG);*/
		_width: 14px;
		_height: 14px;
		background-color: #AA0000;
		border: 2px solid #666666;
	}
			
	#maptable .o, .map-legend .o {
		/*background-image: url(../resources/own.JPG);*/
		background-color: #00AA00;
	}
	
	#maptable .oc, .map-legend .oc {
		/*background-image: url(../resources/own.JPG);*/
		_width: 14px;
		_height: 14px;
		background-color: #00AA00;
		border: 2px solid #666666;
	}

table#onethird, .onethird {
	width: 250px;
	border-collapse: collapse;
	padding: 2px 5px;
}

table#twothird {
	width: 500px;
	border-collapse: collapse;
	padding: 2px 5px;
}

table#resources {
	width: 280px;
	border-collapse: collapse;
	padding: 2px 5px;
}

table#global_soldiers {
	float: right;
	width: 280px;
	border-collapse: collapse;
	padding: 2px 5px;
}

table#navigation {
	width: 210px;
	height: 156px;
	_height: 150px;
	padding: 2px 2px;
}

.navigation-container {
	width: 210px;
	overflow: auto;
	float: right;
}

table#training, table#transfer {
	width: 140px;
	padding: 2px 2px;
   border-color: #DCBC6E; 
}

table#blank {
	width: 760;
	padding: 0px 0px;
}

table#small_blank {
	width: 600;
	padding: 0px 0px;
}

table.blank_dark_top {
	padding: 5px 5px;
	background-color: #CCAC5E;
	width: 780;
}

	.blank_dark_top td {
		width: 190px;
	}

.enclosing_dark_middle {
	overflow: hidden;
	background-color: #CCAC5E;
	padding: 0px;
	margin: 0px;
	width: 780px;
}

	#main-content > .enclosing_dark_middle {
		width: 778px;
	}

table.blank_dark_middle {
	border: 0px;
	margin: 0px;
	padding: 1px;
	background-color: #CCAC5E;
	width: 100%;
}

	.blank_dark_middle td {
		width: 188px;
	}

table.blank_dark_bottom {
	padding: 5px 5px;
	background-color: #CCAC5E;
	width: 780;
	height: auto;
}

	.blank_dark_bottom td {
		width: 190px;
	}

table#blank_dark {
	padding: 5px 5px;
	background-color: #CCAC5E;
	width: 780;
}
	#village_army {
		width: 100%;
	}
	
table#overview {
	width: 780;
	padding: 5px 5px;
	background-color: #CCAC5E;
}

	table#overview td {
		width: 175px;
	}
	
	table#overview td.middle {
		width: 60px;
	}

pre {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #DCBC6E;
	padding: 2px 2px;
	margin: 1px;
}

.translation-container pre {
	overflow: auto;
}

table#values {
	width: 350px;
	padding: 5px 5px;
	background-color: #CCAC5E;
	float: right;
}

	table#values td {
	}
	
#text_left, .text-left {
	float: left;
}

#text_center, .text-center {
	text-align: center;
}

#text_right, .text-right {
	float: right;
}

.sponsor, .sponsor img {
   border-width: 0px;
}

a:hover.sponsor, a:hover.sponsor {
	text-decoration: none;
}

.message {
	padding: 5px 10px 5px 10px;
	width: 550px;
	background-color: #CCAC5E;
}

.main-message {
	border: 1px solid #AC8C3E;
	padding: 5px 10px 5px 10px;
	width: 550px;
	background-color: #D2B262;
}

.next-link {
	float: right;
}

.previous-link {
	float: left;
}

.message-child {
	border: 1px solid #000000;
	padding: 5px 10px 5px 10px;
	width: 550px;
	background-color: #CCAC5E;
}

.message-grand-child-preview {
	border: 1px solid #000000;
	padding: 5px 10px 5px 10px;
	width: 550px;
	background-color: #D2B262;
}

.message pre, .main-message pre {
	width: 540px;
	background: #DCBC6E;
}

table.message-header {
	width: 540px;
}

pre.buddylist {
	width: 180px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #DCBC6E;
	padding: 2px 2px;
}

#map_overlay {
	width: 560px;
	height: 570px;
   overflow: hidden;
   position: relative;
}

#map_coords {
	font-weight: bold;
}

.village_id {
	display: none;
}

.ad-horizontal {
	padding: 0px;
	background-color: #CCAC5E;
	margin: 0px;
}

.bottom-padding {
	margin-bottom: 20px;
	
}

/* 
	Army style on the map
*/
#maptable div.hostile, .map-legend .hostile {
	border: 1px solid #AAAAAA;
	background-color: #770000;
	position: absolute;
	width: 4px;
	height: 4px;
	_width: 5px;
	_height: 5px;
	font-size: 1px;
	z-index: 3;
}

#maptable div.allied, .map-legend .allied {
	border: 1px solid #AAAAAA;
	background-color: #000077;
	position: absolute;
	width: 4px;
	height: 4px;
	_width: 5px;
	_height: 5px;
	font-size: 1px;
	z-index: 3;
}

#maptable div.own, .map-legend .own {
	background-color: #007700;
	border: 1px solid #AAAAAA;
	position: absolute;
	width: 4px;
	height: 4px;
	_width: 5px;
	_height: 5px;
	font-size: 1px;
	z-index: 3;
}

#maptable div.empty-spot {
	background-color: transparent;
	position: absolute;
	z-index: 2;
}

#maptable div.moving, .map-legend .moving {
	border: 1px solid #EEEEEE;
	position: absolute;
	z-index: 4;
	padding: 0;
	margin: 0;
	width: 4px;
	height: 4px;
	_width: 5px;
	_height: 5px;
}

#maptable div.bombard, .map-legend .bombard {
	border: 1px inset #666666;
	position: absolute;
	z-index: 4;
	padding: 0;
	margin: 0;
	width: 4px;
	height: 4px;
	_width: 5px;
	_height: 5px;
}

#maptable div.fortified, .map-legend .fortified {
	border: 1px inset #000000;
	position: absolute;
	z-index: 4;
	padding: 0;
	margin: 0;
	width: 4px;
	height: 4px;
	_width: 5px;
	_height: 5px;
}

.map-legend .own, .map-legend .fortified, .map-legend .bombard, .map-legend .moving, .map-legend .allied, .map-legend .hostile {
	position: relative;
}

/*
	End army style
*/

/*
	Screenshot style
*/

.screenshot img {
	border: 1px solid #DCBC6E;
}

.screenshot img {
	width: 75px;
	height: auto;
}

.image-overlay-panel {
	display: none;
}

#image-overlay-panel .bd img {
	cursor: pointer;
}

.panel .hd, .yui-panel .hd {
	background-color: #AC8C3E;
	color: #000000;
	border: 0px solid black;
}

.panel .bd, .yui-panel .bd {
	background-color: #CCAC5E;
	padding: 2px;
	border: 0px solid black;
}

.panel .ft, .yui-panel .ft {
	padding: 0px;
}

/*
  End screenshot style
*/

.news-table {
	width: 50%;
	padding: 5px;
	background-color: #CCAC5E;
}

/*
	Tooltip style
*/
.yui-tt {
	border: 0px;
	padding: 0px;
	z-index: 255;
}

.yui-tt .bd {
	background-color: #CCAC5E;
	border: 1px solid #DCBC6E;
	text-align: left;
	padding: 5px;
}

	.yui-tt .bd pre {
		width: 590px;
	}

   .yui-tt .building-tooltip {
      width: 600px;
   }

#coordsTooltip .bd {
	background-color: transparent;
	border: 0px solid black;
	padding: 0px;
	text-align: left;
	width: auto;
}

.update-text {
	text-align: center;
}

#update-text-container {
	text-align: center;
	width: 100%;
}

/* 
	Highlight selected items
*/

.selected {
	background-color: #BF9F54;
	border-bottom: 0px;
}

.hidden {
	display: none;
}

.clear-both-index {
   clear: both;
   height: 1px;
   line-height: 1px;
}

.shop-list input {
	border: 0px;
	background-color: transparent;
}

.closed {
	height: 20px;
}

.collapsable {
	overflow: hidden;
}

.premium-ad-box {
	background-color: #ccac5e;
   margin-bottom: 5px;
}

/*
	Comments style
*/

#comments-container {
	padding: 3px;
}

.comment {
	padding: 5px;
	width: 500px;
}

	.comment pre {
		border: 0px;
		margin: 0px;
		padding: 6px;
	}
	
	#comments-container .odd {
		background-color: #CCAC5E;
	}
	
	#comments-container pre {
		background-color: inherit;
	}

.unseen-message {
	border: 1px solid #000000;
}	

/*
	Officer experience bar style
*/

.experience-container {
	width: 550px;
}

.experience-box {
	padding: 0px;
	margin: 0px;
	border: 1px solid black;
	width: 500px;
}

.experience-bar {
	background-color: #AC8C3E;
	text-align: center;
}

.chart {
}

.pie {
	width: 300px;
	height: 300px;
}

.column {
	width: 765px;
	height: 300px;
}

.line {
	width: 765px;
	height: 300px;
}

#charts-container .bd {
	height: 100%;
	overflow: auto;
}

.faction-color {
	height: 18px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.map-legend {
	width: 200px;
	background-color: #CCAC5E;
} 

#locations-container {
	float: right;
	width: 251px;
	height: 150px;
	overflow: auto;
	margin-right: 7px;
}

#locations-list {
	overflow: auto;
	height: 118px;
	_height: 100px;
	border-bottom: 1px solid black;
}

.military-academy-list {
	background-color: #DCBC6E;
	height: 130px;
	overflow: auto;
}

#charts-container {
	z-index: 3;
}

.yui-panel-container.matte {
	background-color: transparent;
	z-index: 3;
}

#officer-gather-information {
	margin: 2px;
	padding: 2px;
	width: 600px;
	overflow: auto;
}

#officers-list {
	width: 640px;
	border-collapse: collapse;
	padding: 2px 5px;
}

#chat-message-container {
	max-height: 500px;
	/*_height: 500px;*/
	overflow: auto;
	padding: 2px;
}

	#chat-message-container br {
		display: none;
	}

	.chat-message {
		padding: 2px;
		margin-top: 2px;
	}
	
	.chat-message pre {
		padding-top: 2px;
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
		margin-left: 2px;
		margin-right: 2px;
	}
		
.four-parts-table td {
	width: 25%;
}
		
/*
 * 	Tasks specific styling
 */

#final-tasks {
	width: 680px;
}

#final-tasks .even {
	background-color: #CCAC5E;
}

#final-tasks .odd {
	background-color: #DCBC6E;
}

.officer-rank-icon {
   width: 20px;
   height: 20px;
   background-image: url( ../resources/rank-insignia.gif );
   background-color: #AC8C3E;
   float: left;
   margin-right: 5px;
}

   .second-lieutenant {
      background-position: 0px 0px;
   }

   .first-lieutenant {
      background-position: -20px 0px;
   }

   .captain {
      background-position: -40px 0px;
   }

   .major {
      background-position: -60px 0px;
   }

   .lieutenant-colonel {
      background-position: -80px 0px;
   }

   .colonel {
      background-position: -100px 0px;
   }

   .general {
      background-position: -120px 0px;
   }

   .field-marshal {
      background-position: -140px 0px;
   }

.officer-name-title {
   overflow: hidden;
   text-align: left;
   width: 260px;
   margin-right: auto;
   margin-left: auto;
}

   .army_block .officer-rank-icon {
      float: right;
   }

.officer-in-army-page {
   float: right;
   margin-right: 10px;
}

.army-image-container {
   float: right;
   margin-top: 3px;
   margin-right: 3px;
}

#header-image {
   background-image: url( ../resources/header.png );
   _background-image: url( ../resources/header2.gif );
   width: 980px;
   height: 100px;
}

.header-dummy-image {
   width: 980px;
   height: 100px;
}

.medal {
   background-image: url( ../resources/medals.png );
   _background-image: url( ../resources/medals.gif );
   background-repeat: no-repeat; 
   width: 22px;
   height: 50px;
   padding: 0px;
   margin: 0px;
   border-width: 0px;
   float: left;
   margin-right: 2px;
   overflow: hidden;
}

   .medal img {
      width: 22px;
      height: 50px;
   }

.campaign-medal {
   background-position: 0px 0px;
}

.infantry-branch-insignia {
   background-position: -264px 0px;
}

.cavalry-branch-insignia {
   background-position: -286px 0px;
}

.artillery-branch-insignia {
   background-position: -308px 0px;
}

.military-bronze-star {
   background-position: -88px 0px;
}

.military-silver-star {
   background-position: -110px 0px;
}

.military-gold-star {
   background-position: -132px 0px;
}

.economic-bronze-star {
   background-position: -22px 0px;
}

.economic-silver-star {
   background-position: -44px 0px;
}

.economic-gold-star {
   background-position: -66px 0px;
}

.expander-medal {
   background-position: -220px 0px;
}

.grand-expander-medal {
   background-position: -242px 0px;
}

.engineer-branch-insignia {
   background-position: -154px 0px;
}

.research-branch-insignia {
   background-position: -176px 0px;
}

.peoples-protector-ribbon {
   background-position: -198px 0px;
}

.custom-medal {
   background-position: 0px 0px;
}

.medal-closing {
   clear: left;
}

.village-map {
   height: 430px;
   position: relative;
   background: no-repeat 32px 88px url( ../resources/village-map/background-3.png );
   _background: no-repeat 32px 88px url( ../resources/village-map/background-3.gif );
}

.village-map-tile {
   width: 50px;
   height: 100px;
   position: absolute;
   background-image: url( ../resources/village-map/village-map.png );
   _background-image: url( ../resources/village-map/village-map.gif );
}

.village-map-tile-winter {
   width: 50px;
   height: 100px;
   position: absolute;
   background-image: url( ../resources/village-map/village-map-winter.png );
   _background-image: url( ../resources/village-map/village-map-winter.gif );
}

.village-map-tile-autumn {
   width: 50px;
   height: 100px;
   position: absolute;
   background-image: url( ../resources/village-map/village-map-autumn.png );
   _background-image: url( ../resources/village-map/village-map-autumn.gif );
}

.village-map-tile-summer {
   width: 50px;
   height: 100px;
   position: absolute;
   background-image: url( ../resources/village-map/village-map-summer.png );
   _background-image: url( ../resources/village-map/village-map-summer.gif );
}

.village-map-other {
   background-position: -300px 0px;
}

.village-map-nature, .village-map-nature-4, .village-map-nature-6, .village-map-nature-8, .village-map-nature-10, .village-map-nature-11, .village-map-nature-12, .village-map-nature-16, .village-map-nature-18 {
   background-position: -1050px 0px;
}

.village-map-nature-2 {
   background-position: -1100px 0px;
}

.village-map-nature-3, .village-map-nature-5, .village-map-nature-7, .village-map-nature-9, .village-map-nature-13, .village-map-nature-14, .village-map-nature-15, .village-map-nature-17 {
   background-position: -1150px 0px;
}

.village-map-farm, .village-map-farm-irrigation {
   background-position: -400px 0px;
}

.village-map-farm-2, .village-map-farm-4 {
   background-position: -550px 0px;
}

.village-map-farm-3 {
   background-position: -450px 0px;
}

.village-map-farm-2-irrigation, .village-map-farm-4-irrigation {
   background-position: -500px 0px;
}

.village-map-farm-3-irrigation {
   background-position: -600px 0px;
}

.village-map-market {
   background-position: -950px 0px;
}

.village-map-charcoal-burner {
   background-position: -50px 0px;
}

.village-map-church {
   background-position: -100px 0px;
}

.village-map-iron-melter {
   background-position: -900px 0px;
}

.village-map-houses {
   background-position: -650px 0px;
}

.village-map-houses-2, .village-map-houses-3 {
   background-position: -700px 0px;
}

.village-map-houses-4 {
   background-position: -750px 0px;
}

.village-map-iron {
   background-position: -800px 0px;
}

.village-map-iron-2, .village-map-iron-3 {
   background-position: -850px 0px;
}

.village-map-coal {
   background-position: -150px 0px;
}

.village-map-coal-2, .village-map-coal-3 {
   background-position: -200px 0px;
}

.village-map-space {
   background-position: -1300px 0px;
}

.village-map-warehouse {
   background-position: -1350px 0px;
}

.village-map-construction {
   background-position: -250px 0px;
}

.village-map-doctor {
   background-position: -350px 0px;
}

.village-map-recruitment {
   background-position: -1200px 0px;
}

.village-map-military {
   background-position: -1000px 0px;
}

.village-map-barracks {
   background-position: 0px 0px;
}

.village-map-wall-horizontal {
   background-position: -1300px -100px;
}

.village-map-wall-vertical {
   background-position: 0px -100px;
}

.village-map-wall-gate {
   background-position: -100px -250px;
}

.village-map-wall-right-bottom {
   width: 60px;
   background-position: -500px -100px;
}

.village-map-wall-right-bottom-tower {
   width: 60px;
   background-position: -300px -100px;
}

.village-map-wall-right-bottom-canon {
   width: 60px;
   background-position: -400px -100px;
}

.village-map-wall-left-bottom {
   width: 60px;
   background-position: -1200px -100px;
}

.village-map-wall-left-bottom-tower {
   width: 60px;
   background-position: -900px -100px;
}

.village-map-wall-left-bottom-canon {
   width: 60px;
   background-position: -1100px -100px;
}

.village-map-wall-left-bottom-part-2 {
   width: 60px;
   background-position: -1000px -100px;
}

.village-map-wall-right-top {
   width: 60px;
   background-position: -200px -100px;
}

.village-map-wall-right-top-tower {
   width: 80px;
   height: 125px;
   background-position: -200px -250px;
}

.village-map-wall-right-top-canon {
   width: 80px;
   height: 125px;
   background-position: 0px -250px;
}

.village-map-wall-right-top-part-2 {
   width: 60px;
   background-position: -100px -100px;
}

.village-map-wall-left-top {
   width: 80px;
   background-position: -800px -100px;
}

.village-map-wall-left-top-tower {
   width: 80px;
   height: 125px;
   background-position: -600px -100px;
}

.village-map-wall-left-top-canon {
   width: 80px;
   height: 125px;
   background-position: -700px -100px;
}

.village-map-road {
   background-position: -1250px 0px;
}

.text {
   background-color: #DCBC6E;
}

.worker-group {
   background-color: #DCBC6E;
   padding: 2px 5px;
   margin: 5px;
   width: 770px;
}

/*
   Task system text bubble 
*/

.text-bubble-container {
   margin-top: 5px;
}

.text-bubble-content {
   background-color: #DCBC6E;
   padding-left: 5px;
   padding-right: 5px;
}

.text-bubble-header {
   *font-size: 4px;
   *line-height: 4px;
   *height: 4px;
}

.text-bubble-filler {
   background-color: #DCBC6E;
   height: 4px;
   line-height: 4px;
   *font-size: 4px;
   float: left;
   width: 760px;
   *width: 772px;
}

.text-bubble-left-top {
   width: 4px;
   line-height: 4px;
   height: 4px;
   background-image: url( ../resources/task-images.png );
   _background-image: url( ../resources/task-images.gif );
   background-position: -5px 0px;
   float: left;
   *font-size: 4px;
}

.text-bubble-right-top {
   width: 4px;
   height: 4px;
   line-height: 4px;
   background-image: url( ../resources/task-images.png );
   _background-image: url( ../resources/task-images.gif );
   background-position: -15px 0px;
   float: right;
   *font-size: 4px;
}

.text-bubble-right-bottom {
   width: 4px;
   height: 4px;
   line-height: 4px;
   background-image: url( ../resources/task-images.png );
   _background-image: url( ../resources/task-images.gif );
   background-position: 0px 0px;
   float: right;
   *font-size: 4px;
}

.text-bubble-left-bottom {
   width: 4px;
   height: 4px;
   line-height: 4px;
   background-image: url( ../resources/task-images.png );
   _background-image: url( ../resources/task-images.gif );
   background-position: -10px 0px;
   float: left;
   *font-size: 4px;
}

.text-bubble-point {
   width: 20px;
   height: 20px;
   background-image: url( ../resources/task-images.png );
   _background-image: url( ../resources/task-images.gif );
   background-position: -20px 0px;
   margin-right: 80px;
   *margin-right: 50px;
   float: right;
}

.task-soldier {
   width: 47px;
   height: 66px;
   background-image: url( ../resources/task-images.png );
   _background-image: url( ../resources/task-images.gif );
   background-position: -50px 0px;
   margin-right: 10px;
   float: right;
   margin-bottom: 5px;
}

.collapsable img {
   vertical-align: middle;
}

.smoke-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 786px;
	height: 430px;
	background: url( ../resources/village-map/smoke.png ) no-repeat 0px 40px;
	_background-image: none;
	z-index: 55;
}

.village-status-message {
	position: absolute;
	left: 10px;
	top: 50px;
	width: 230px;
	height: 40px;
	overflow: hidden;
}

.transparent {
	opacity: 0.7;	
}

#maptable .visibility-range {
   border: 2px solid #333;
   background-color: #fff;
   opacity: 0.15;
}

.place-left {
	float: left;
}

.place-right {
	float: right;
}

.half-block {
	width: 374px;
	padding: 2px 5px;
	background-color: #CCAC5E;
}

.align-right, .column-right {
	text-align: right;
}

.officer-container {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 25px;
	padding: 4px;
	border: 1px solid #DCBC6E;
}